import React from 'react';
import Popular from "./Popular";
import Archives from "./Archives";
import ExtraLinks from "./ExtraLinks";
import Footer from "./Footer";

function Sidenav() {
    return (
        <div className="col-lg-4 position-sticky" style={{top: "2rem", maxHeight: "900px", zIndex: "1"}}>
            <div className="p-4 mb-3 bg-light rounded">
                <blockquote className="blockquote border-start border-5">
                    <p className="ps-2 fst-italic">关于网站 [xxx.com]</p>
                </blockquote>
                <p className="mb-0">Customize this section to tell your visitors a little bit about
                    your publication, writers, content, or something else entirely. Totally up to
                    you.</p>
            </div>

            <Popular/>
            <Archives/>
            <ExtraLinks/>
            <Footer/>
        </div>
    )
};
export default Sidenav